@charset "UTF-8";
/*reset*/
html { font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size:10px; -ms-touch-action: none;}
body { margin: 0; font-size: 1.4rem; line-height: 1; color: #212121; background-color:#f5f5f5; overflow: hidden;-webkit-overflow-scrolling: touch;   }
html, body { overflow: hidden;height: 100%;  }
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }/*音频模块兼容性问题*/
svg:not(:root) { overflow: hidden; }
b, strong { font-weight: bold; }
em,i,cite { font-style: normal;}
img { border: 0; vertical-align: middle; }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote,th,td,ul, ol, li, dl, dd  { margin: 0;padding:0;}
ul, ol { list-style: none outside none; }
h1, h2, h3 { font-weight: normal;}
table { border-collapse: collapse; border-spacing: 0; }
a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); color:inherit;}
a:focus {outline:0; }
a:active, a:hover{ outline: 0; }
input,textarea, button, select,a {outline: 0 none;  }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0;border:0;/* -webkit-appearance: none;appearance: none;*/}
textarea,select{border-radius:0;}
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; -webkit-tap-highlight-color:rgba(0,0,0,0); }
input::-moz-placeholder, textarea::-moz-placeholder { color: #bbb; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bbb; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none !important;margin: 0;  }/*去除输入数字的上下箭头*/
input[type="number"]{-moz-appearance:textfield;}
*, ::before, ::after {-webkit-box-sizing: border-box;box-sizing: border-box; -webkit-tap-highlight-color: transparent;}
input, textarea, button, select, pre, tt, code, kbd, samp {line-height: inherit;font-family: inherit;}
/*============================================================
    flexbox：定义布局为盒模型
    flex-v：盒模型垂直布局
    flex：子元素占据剩余的空间
    flex-align-center：子元素垂直居中
    flex-pack-center：子元素水平居中
    flex-pack-justify：子元素两端对齐
    兼容性：ios 4+、android 2.3+、winphone8+
============================================================ */
/*.flexbox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}*/
.flexbox{display: -moz-box;display: -webkit-box;display: box;width:100%;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex{-webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1;flex: 1;display:block;}
.flex-center{display:-webkit-box;display:-webkit-flex;/*display:-ms-flexbox;display:flex;*/-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-align-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

/*常用公用样式*/
.clearfix:after{ content:""; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: block; min-height: 1%; }
.fl{float:left}
.fr{float:right;}
.text-elli{white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.tr{text-align:right;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.pad-10{padding:10px;}
.pl-15{padding-left:15px;}
.pad-tb-10{padding:10px 0;}
.pad-lr-10{padding:0 10px;}
.pad-20{padding:20px;}
















